<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//第四个练习
			//需求: 点击 submit 按钮时,　检查是否选择 type, 若没有选择给出提示: "请选择类型"; 
			//检查文本框中是否有输入(可以去除前后空格), 若没有输入,则给出提示: "请输入内容";
			//若检查都通过, 则在相应的 ul 节点中添加对应的 li 节点 
			window.onload=function(){
				var body=document.body;
				var ul1=document.createElement("ul");
				var ul2=document.createElement("ul");
				body.appendChild(ul1);
				body.appendChild(ul2);
				var ra1=document.getElementById("ra1");
				var ra2=document.getElementById("ra2");
				var txt=document.getElementById("text");
				var sub=document.getElementById("sub");
//				/(^\s*)|(\s*$)g,''
//				var strr=txt.val.replace(); 
			
				sub.onclick=function(){
					if(ra1.defaultChecked==false && !ra2.defaultChecked==false){
						alert("请选择类型！");
					}else if(txt.value==null ||txt.value==undefined||txt.value==""){
						alert("请写一下标签名！");
					}else{
						if(ra1.defaultChecked){
							var li=document.createElement("li");
							var str=document.createTextNode(txt.val);
							ul1.appendChild(li);
							li.appendChild(str);
						}else{
							var li=document.createElement("li");
							var str=document.createTextNode(txt.value);
							ul1.appendChild(li);
							li.appendChild(str);
						}
					}
				}
			}
		</script>
	</head>
	<body>
		<input type="radio" name="a" id="ra1" value="" />1
		<input type="radio" name="a" id="ra2" value="" />2
		<input type="text" name="" id="text" value="" />
		<input type="submit" name="" id="sub" value="提交" />
	</body>
</html>
